<!DOCTYPE HTML>
<html lang="en">
	<head>
			<meta charset="utf-8">
			<title>Maintenance break!</title>
			<style type="text/css">
				body
				{
					background-color: #ebf3f9;
					margin: 0;
					padding: 0;
					border: 0;
					font-family: Arial;
				}
				h1
				{
					color: #333333;
					font-size: 20px;
					line-height: 0;
					margin-bottom: 30px;
				}
				p
				{
					color: #666666;
					font-size: 13px;
				}
				#container
				{
					position: absolute;
					left: 50%;
					top: 50%;
					width: 340px;
					height: 471px;
					margin-left: -200px;
					margin-top: -250px;
				}
				#balloon
				{
					background-color: #FFF;
					width: 340px;
					padding: 30px;
					border: 1px solid #c3c3c3;
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					border-radius: 3px;
				}
				#triangle
				{
					background-image: url();
					margin-left: 180px;
					margin-top: -1px;
					width: 40px;
					height: 21px;
				}
				#bottom
				{
					background-image: url();
					width: 400px;
					height: 271px;
					margin-top: 10px;
				}

			</style>
	</head>
	<body>
		<div id="container">
			<div id="balloon">
				<h1>Maintenance break!</h1>
				<p>Our web wizards are doing some maintenance magic on the site. Go grab a cup of coffee, we'll be back up and running asap.</p>
			</div>
			<div id="triangle">&nbsp;</div>
			<div id="bottom">&nbsp;</div>
		</div>
	</body>
</html>
